<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text">
    <input type="text" id="testId">
    <input type="text" class="testClass">
    <input type="text" class="testClass">
    <input type="text" name="testName">
    <input type="text" name="testName">
    
    <script>
        /* 
            document.getElementById():根据标签的id属性获取页面的元素
            document.getElementsByTagName():根据标签的标签名获取页面的元素数组
            document.getElementsByClassName():根据标签的class属性获取页面的元素数组
            document.getElementsByName():根据标签的name属性获取页面的元素数组
        */
        //获取页面中id为testId的元素
        var testId = document.getElementById("testId");
        console.log(testId);
        //获取页面中的所有input元素
        var inputs = document.getElementsByTagName("input");
        console.log(inputs);
        //获取页面中class为testClass的元素
        var testClasses = document.getElementsByClassName("testClass");
        console.log(testClasses);
        //获取页面中name为testName的元素
        var testNames = document.getElementsByName("testName");
        console.log(testNames);
        
    </script>
</body>
</html>